<template>
    <div class="nav">
      <div @click="sear()" class="nav2">
        <input type="text" placeholder="search">
        <img :src="'./static/lyl/search.png'" alt="">
      </div>
    </div>
</template>

<script>
    export default {
      name: "Nav",
      methods:{
        sear(){
          this.$router.push('/searchhistory');
        }
      }
    }
</script>

<style scoped>
 .nav{
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   z-index: 999;
   box-sizing: border-box;
   background: #884ca4;
   padding: 20px 85px;
 }
 .nav2{
   position: relative;
 }
 input{
   -webkit-box-sizing:border-box;
   box-sizing: border-box;
   width: 100%;
   padding: 13px 0 13px 82px;
   font-size: 28px;
   color: #8c8c8c;
   border-radius: 10px;
 }
 .nav2 img{
   position: absolute;
   left: 23px;
   top: 13px;
   width: 32px;
 }
</style>
